<%-- 
    Document   : perguntas
    Created on : 19/05/2013, 14:03:02
    Author     : Diego
--%>

<%@page import="java.util.Date"%>
<%
    String raiz = getServletContext().getContextPath();
    if (raiz == null) {
        raiz = "";
    } else {
        raiz = raiz + "/";
    }
    
    Date tempoInicial = (Date) session.getAttribute("tempoInicial");
    
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link href="CSS/bootstrap.css" rel="stylesheet" type="text/css"/> 
         <link href="CSS/estilo.css" rel="stylesheet" type="text/css"/> 
           <link rel="shortcut icon" href="<%=raiz%>Imagens/quiz_logo_1.gif"/>
           <script type="text/javascript" src="<%=raiz%>User/relogio.js"></script>
        <style>
             body{
                 background-image: url('${caminhoDaImagem}');
                background-attachment: fixed;
             }
         </style>
        <title>Perguntas</title>
         
    </head>
    <body>
    
   <div id="tudo">
    <div id="cabecalho">
    <p>
    <img src="Imagens/TADS.png" />
    <img src="Imagens/quiz_logo.png" /></p>
    </div>
       <p>Você tem 10 minutos!!</p>
        <font id="ur" size="10" face="Trebuchet MS, Verdana, Arial, sans-serif" color="red"></font>
        <form action="ProcessadorDePerguntas" method="get">
       
        <fieldset>
             <h1>Vamos ao Quizz!</h1>
          <!--  <legend><c:out value="${opcao.getOpcaoDeTema()}"/></legend> -->
            <p>Pergunta <c:out value="${numero}"/>: <c:out value="${p.getTexto()}"/></p>
                
                <input type ="hidden" value="${tempoInicial}" name ="tempoInicial" id="inicio"/>
                <input type ="hidden" value ="${limite}"  name ="limite" id="limite"/>
                <input type="hidden" value="${numero}" name="numero"/>
               <label for="op"><input type="radio" name="op" value="A"/>A.${p.getLetraA()}</label><br>
               <label for="op"><input type="radio" name="op" value="B"/>B.${p.getLetraB()}</label><br>
               <label for="op"><input type="radio" name="op" value="C"/>C.${p.getLetraC()}</label><br>
               <label for="op"><input type="radio" name="op" value="D"/>D.${p.getLetraD()}</label><br>
               <label for="op"><input type="radio" name="op" value="E" />E.${p.getLetraE()}</label><br>
                
                <input class="btn btn-primary btn-menu-princ" type="submit" value="proximo"/>
                 <span><a href="User/inicialUsuario.jsp">Voltar para a pagina inicial</a></span>
                 </fieldset>
               <button class="btn btn-primary" formaction="<%=raiz%>index.jsp">Logout</button>
            </form>
            
       
        </div>
              
               
      </body>
</html>
